<html>
<head>
<title>Australian Bushfire Map</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" 
    src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript" src="firemap.js"></script>
<style type="text/css">
  .infoblock {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    -moz-opacity: 0.85;
    filter: alpha(opacity=85);
    background: #FFFFFF;
    text-align: center;
  }
</style>
</head>
<body onload="initialize()">
  <div id="menu" style="font-size:100px">
    <table width="100%">
      <tr>
        <td align="center"><a style="font-size: smaller" href="#" onclick="showInfo('agencies')">
            Fire Services
        </td>
        <td align="center"><a style="font-size: smaller" href="#" onclick="showInfo('disclaimer')">
            Disclaimer
        </td>
        <td align="center"><a style="font-size: smaller" href="#" onclick="showInfo('search')">
            Search
        </td>
        <td align="center"><a style="font-size: smaller" href="#" onclick="showInfo('legend')">Legend</a></td>
      </tr>
    </table>
  </div>
  <div id="map_canvas" style="width:100%; height:100%"></div>

  <!-- Map legend -->
  <div id="legend" class="infoblock">
    <h2>Legend</h2>
    <font color="red"><b>A</b></font> Approximate location<br/>
    <font color="green">&#9632; Safe</font><br/>
    <font color="#FFCC00">&#9632; Controlled</font><br/>
    <font color="orange">&#9632; Contained</font><br/>
    <font color="red">&#9632; Going</font><br/>
    <a href="#" onclick="hideInfo('legend')">Close Legend</a>
  </div>

  <!-- Disclaimer -->
  <div id="disclaimer" class="infoblock">
    <h2>Disclaimer</h2>
    All fire location data sourced from publicly available emergency service
    information - Google can't guarantee its completeness or accuracy. For 
    further information about a particular location, check with the 
    emergency service organisations (links in the top left). Check with ABC
    Radio for the latest information in an emergency.
    <br/>
    <a href="#" onclick="hideInfo('disclaimer')">Close Disclaimer</a>
  </div>

  <!-- Search -->
  <div id="search" class="infoblock">
    <center><br><form>
      <input type="text" id="search_text">
      <input type="button" value="Search" onClick="search()"/>
      </form></center>
      <a href="#" onclick="hideInfo('search')">Close Search</a>
  </div>

 <!-- List of agencies -->
  <div id="agencies" class="infoblock">
    <h2>Fire Service Links</h2>
    <a href="http://www.rfs.nsw.gov.au/dsp_content.cfm?CAT_ID=683">
      NSW Rural Fire Service <div id="nswrfs"/>
    </a><br/>
    <a href="http://www.cfs.sa.gov.au/site/news_media/current_incidents.jsp">
      South Australian CFS <div id="sacfs"/>
    </a><br/>
    <a href="http://www.cfa.vic.gov.au/incidents/incident_summary.htm">
      Victorian CFA (Private Lands) <div id="viccfa"/>
    </a><br/>
    <a href="http://www.fire.tas.gov.au/mysite/Show?pageId=colCurrentBushfires">
      Tasmanian Fire Service <div id="tastfs"/>
    </a><br/>
    <a href="http://www.dse.vic.gov.au/fires/updates/report/index2.htm?time=Tue%20Dec%2001%202009%2017:44:14%20GMT+1100%20(EST)">
      Victorian DSE
    </a><br/>
    <a href="http://www.fesa.wa.gov.au/">
      West Australian FESA
    </a><br/>
    <a href="http://www.abc.net.au/news/events/bushfire-emergency/">
      ABC News Emergency Page
    </a><br/>
    <a href="#" onclick="hideInfo('agencies')">Close List</a>
  </div>

</body>
</html>
